﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>历史记录</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link href="../bootstrap/src/init.css" rel="stylesheet" />
    <link href="../bootstrap/src/AdminLTE.css" rel="stylesheet" />
    <link href="../bootstrap/src/_all-skins.min.css" rel="stylesheet" />
    <link href="../bootstrap/src/ionicons.min.css" rel="stylesheet" />
    <link href="../bootstrap/src/bootstrap.min.css" rel="stylesheet" />
    <link href="../bootstrap/src/bootstrap.css" rel="stylesheet" />
    <link href="../bootstrap/src/bootstrap-table.css" rel="stylesheet" />
    <link href="../bootstrap/src/daterangepicker.css" rel="stylesheet" />
    <link href="../bootstrap/src/font-awesome.min.css" rel="stylesheet" />
    <script src="../bootstrap/src/jquery-2.2.3.min.js"></script>
    <script src="../bootstrap/src/jquery.cxselect.js"></script>
    <script src="../config.js"></script>
    <script src="../bootstrap/js/Common.js"></script>
    <script src="../bootstrap/src/bootstrap.js"></script>
    <script src="../bootstrap/src/bootstrap-table.js"></script>
    <script src="../bootstrap/src/bootstrap.min.js"></script>
    <script src="../bootstrap/js/bootstrap-paginator.js"></script>
    <script src="../bootstrap/src/bootstrap-table-zh-CN.js"></script>
    <script src="../bootstrap/js/controls.js"></script>
    <script src="../bootstrap/src/moment.min.js"></script>
    <script src="../bootstrap/src/historyData.js"></script>
    <script src="../bootstrap/src/app.min.js"></script>
    <script src="../bootstrap/src/echarts.min.js"></script>
    <script src="../bootstrap/src/daterangepicker.js"></script>
    <script src="../bootstrap/src/fastclick.js"></script>
    <script src="../bootstrap/src/html5shiv.min.js"></script>
 

</head>
<body class="hold-transition skin-blue layout-top-nav">
    <div class="wrapper">
        <!-- Full Width Column -->
        <div class="content-wrapper bgimg">
            <header class="custom-header">
                <span id="device" style="float: left;height: 36px;background-color: #f4f4f4;line-height: 36px;text-align: center;border:solid 1px #ddd;margin:2px;"></span>
                <div class="nav-top">
                    <div class="nav-select">
                        <div class="btn-group-vertical">
                            <button type="button" class="btn btn-default pull-right" id="daterange-btn">
                                <span>
                                    <i class="fa fa-calendar"></i> Date range picker
                                </span>
                                <i class="fa fa-caret-down"></i>
                            </button>

                        </div>
                        <div class="btn-group-vertical" style="width:112px;">
                            <button type="button" class="btn btn-block btn-primary fontLarger" id="search">查询</button>
                        </div>
                    </div>
                </div>
            </header>
            <div>
                <!-- Main content -->
                <section class="content">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="nav-tabs-custom">
                                <!-- Tabs within a box -->
                                <ul class="nav nav-tabs pull-left">
                                    <li ><a href="#data" data-toggle="tab" val="table">表格</a></li>
                                    <li class="active"><a href="#chart" data-toggle="tab" val="chart">曲线</a></li>
                                </ul>
                                <div class="tab-content no-padding">
                                    <!-- Morris chart - Sales -->
                                    <div class="chart tab-pane " id="data">
                                        <div class="box box-line">
                                            <div class="box-header with-border line-title">
                                                <h3 class="box-title line-title">历史数据列表</h3>
                                            </div>
                                            <div class="box-body">
                                                <div class="col-md-12 table-responsive">
                                                    <table id="hisTable" style="background-color:#ecf0f5" class="table table-bordered table-hover"></table>
                                                </div>
                                                <div id="example" style="text-align: right">
                                                    <ul id="pageLimit"></ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="chart tab-pane active" id="chart">
                                        <div class="box box-line">
                                            <div class="box-header with-border line-title">
                                                <h3 class="box-title line-title">历史数据曲线</h3>
                                            </div>
                                            <div class="box-body">
                                                <div id="load_line" style="height: 600px;"></div>
                                            </div>

                                            <!-- /.box-body-->
                                        </div>
                                        <!-- /.box -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal" id="MsgModal" role="dialog" aria-labelledby="gridSystemModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content" style="width:600px;">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title">提示</h4>
                                </div>
                                <div class="modal-body">
                                    <p id="maxnum"></p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
                                </div>
                            </div><!-- /.modal-content -->

                        </div><!-- /.modal-dialog -->
                    </div>
                    <!-- /.modal -->
                </section>
                <!-- /.content -->
            </div>
            <!-- /.container -->
        </div>
        <!-- /.content-wrapper -->
    </div>
    <!-- ./wrapper -->
</body>
</html>